<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>个人中心——我的邀请</title>
  <link rel="stylesheet" href="../css/normalize.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/head.css">
  <link rel="stylesheet" href="../css/footer.css">
  <link rel="stylesheet" href="../css/member.css">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <script src="../script/jquery.min.js"></script>
  <script src="../script/bootstrap.min.js"></script>
</head>
<body>
  <header>
    <div class="container">
      <div class="identity">
        <p class="logo"><img src="../assets/images/logo.png" alt=""></p>
        <p class="title">飞卓自考网</ph3>
      </div>
      <ul class="nav">
        <li><a href="index.html">首页</a></li>
        <li><a href="about.html">关于我们</a></li>
        <li><a href="major.html">报考专业</a></li>
        <li><a href="examination.html">备考资讯</a></li>
        <li><a href="share.html">资料分享</a></li>
      </ul>
      <div class="opera">
        <a href="login.html">登录</a>
        <p>|</p>
        <a href="register.html" class="active">注册</a>
      </div>
      <!-- <div class="opera">
        <p>您好，小花龙!</p>
        <a href="myCourse.html" class="active">个人中心</a>
        <p>|</p>
        <a href="login.html">退出</a>
      </div> -->
    </div>
  </header>
  <section>
    <div class="container">
      <div class="member clearfix">
        <div class="slide">
          <div class="info">
            <img src="../assets/images/head.jpg" alt="">
            <p class="name">小华龙</p>
            <p>本年度累计学习 0分钟，已连续登录 2 天。</p>
          </div>
          <div class="nav">
            <ul>
              <li><a href="myCourse.html">我的课程</a></li>
              <li><a href="myOrder.html">我的订单</a></li>
              <li class="active"><a href="memberInvite.html">我的邀请</a></li>
              <li><a href="memberAccount.html">我的账号</a></li>
              <li><a href="memberPassword.html">修改密码</a></li>
            </ul>
          </div>
        </div>
        <div class="content invite">
          <div class="title">我的邀请</div>
          <form action="" id="InviteForminvite-">
            <div class="form-row">
              <div class="form-group row qrcode">
                <img src="../assets/images/qrcode.png" alt="">
              </div>
            </div>
            <div class="form-row">
              <div class="form-group row">
                <label for="confirmPassword" class="col-sm-5 col-form-label">我的邀请码</label>
                <div class="col-sm-7">
                  <input class="form-control" id="confirmPassword" name="confirmPassword" disabled value="123456">
                </div>
              </div>
            </div>
            <div class="form-row">
              <div class="form-group row">
                <label for="confirmPassword" class="col-sm-5 col-form-label">我的邀请链接</label>
                <div class="col-sm-7">
                  <input class="form-control" id="confirmPassword" name="confirmPassword" disabled value="http://www.baidu.com">
                </div>
              </div>
            </div>
          </form>
        </div>
        <div class="invite-table">
          <div class="tb-title">我的好友</div>
          <table class="table">
            <thead>
              <tr>
                <th scope="col">手机号</th>
                <th scope="col">邀请时间</th>
                <th scope="col">手机号</th>
                <th scope="col">邀请时间</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>111</td>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
              </tr>
              <tr>
                <td>2222</td>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
              </tr>
              <tr>
                <td>333</td>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
              </tr>
              <tr>
                <td>444</td>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </section>
  <footer>
    <div class="container">
      <div class="content clearfix">
        <div class="left">
          <ul>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">自考资讯</a></li>
            <li><a href="">资料分享</a></li>
          </ul>
          <div class="frend">
            <div>友情链接：</div>
            <ul>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
            </ul>
          </div>
        </div>
        <div class="right">
          <p class="label">联系方式</p>
          <p>客服电话：027-87000003</p>
          <p>邮箱：123456789@qq.com</p>
        </div>
      </div>
    </div>
    <p class="copy-right">
      Copyright 2019.All rights reserved.
    </p>
  </footer>
</body>
</html>